<div class="layui-row layui-col-space10">
  <div class="layui-col-xs6 layui-col-md3">
    <div class="layui-card top-panel">
      <div class="layui-card-header">总次数</div>
      <div class="layui-card-body">
        <div class="layui-row layui-col-space5">
          <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value1">
            0
          </div>
          <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
            <svg t="1651028839223" class="icon" viewBox="0 0 1025 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="2605" width="200" height="200">
              <path
                      d="M942.08 665.6l0.512-90.624V141.824H269.824l-81.92 0.512C187.904 91.648 230.4 51.2 283.136 51.2h646.656c52.224 0 95.232 44.544 95.232 95.744V573.44c-1.024 38.4-30.208 92.16-82.944 92.16z m-68.608-376.32v462.336c0 50.688-41.984 89.088-94.72 89.088H482.304v72.192h179.712c13.312 0 24.064 19.456 24.064 31.744 0 13.312-11.264 28.672-24.064 28.672H209.92c-13.312 0-24.064-15.872-24.064-28.672 0-13.312 11.264-31.744 24.064-31.744h172.032v-72.192H94.72C43.008 840.192 0 802.816 0 751.104V289.28c0-50.688 41.984-95.744 94.72-95.744H778.24c52.736-0.512 95.744 44.544 95.232 95.744z m-275.456 163.328l-53.76-93.696s-16.896-15.36-28.16 3.072L504.32 389.12S321.536 317.44 278.528 504.832c0 0 48.128-108.032 195.584-51.2l-12.288 26.624s-10.752 26.112 24.576 20.48l98.816-23.04c0.512 0 22.528-6.144 12.8-25.088z m-185.856 123.392l11.776-26.624s10.752-26.112-24.576-19.968l-98.304 25.088s-22.016 6.144-11.776 25.088l56.832 91.648s16.896 15.36 27.648-3.584l11.264-26.624s184.32 67.584 222.208-120.832c-0.512 0-46.08 108.544-195.072 55.808z"
                      fill="#7ED3F4" p-id="2606"></path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="layui-col-xs6 layui-col-md3">
    <div class="layui-card top-panel">
      <div class="layui-card-header">平均响应(ms)</div>
      <div class="layui-card-body">
        <div class="layui-row layui-col-space5">
          <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value2">
            0
          </div>
          <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
            <svg t="1651028952015" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="3043" width="200" height="200">
              <path
                      d="M0 512c0 282.624 229.376 512 512 512s512-229.376 512-512S794.624 0 512 0 0 229.376 0 512z"
                      fill="#FAC858" p-id="3044" data-spm-anchor-id="a313x.7781069.0.i31"
                      class="selected"></path>
              <path
                      d="M486.912 682.496c15.36 2.048 30.72 2.56 46.08 0.512l8.192 68.096c-21.504 2.56-43.008 2.56-64.512-0.512l10.24-68.096z m118.784-26.112l37.376 57.856c-17.92 11.776-37.888 20.992-58.368 27.648l-20.992-65.536c15.36-5.12 29.184-11.776 41.984-19.968zM512 271.36c67.584 0 132.096 28.16 177.664 77.824l1.024 1.536 47.616-47.616c3.584-3.584 8.704-3.584 12.288 0 1.536 1.536 2.56 3.584 2.56 6.144v142.848c0 4.608-4.096 8.704-8.704 8.704h-142.848c-4.608 0-8.704-4.096-8.704-8.704 0-2.048 1.024-4.608 2.56-6.144l46.592-46.592C579.584 327.68 471.04 320 399.36 381.952S320 552.96 382.464 624.64c19.968 23.04 45.056 39.936 73.728 49.664l-22.528 65.024C307.712 696.32 240.64 559.104 284.16 433.152 317.44 336.384 409.088 270.848 512 271.36z m147.968 328.192l59.392 35.328c-11.264 18.944-25.088 36.352-40.96 51.712l-47.616-49.664c11.264-11.264 20.992-23.552 29.184-37.376z"
                      fill="#E8F0FF" p-id="3045"></path>
              <path
                      d="M537.6 391.68c4.608 0 8.704 4.096 8.704 8.704v109.568l65.024 37.376c4.096 2.56 5.632 7.68 3.072 11.776l-25.6 44.544c-2.56 4.096-7.68 5.632-11.776 3.072l-81.92-47.104c-9.728-5.632-15.872-15.36-16.896-26.624v-1.024V399.872c0-4.608 3.584-8.704 8.704-8.704l50.688 0.512z"
                      fill="#BEF6C7" p-id="3046"></path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="layui-col-xs6 layui-col-md3">
    <div class="layui-card top-panel">
      <div class="layui-card-header">POST请求</div>
      <div class="layui-card-body">
        <div class="layui-row layui-col-space5">
          <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value3">
            0
          </div>
          <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
            <svg t="1591462430908" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                 p-id="3170" width="200" height="200">
              <path d="M532 784.2c0 24.4-19.8 44.3-44.3 44.3s-44.3-19.8-44.3-44.3c0-24.4 44.3-80.3 44.3-80.3s44.3 55.8 44.3 80.3zM766 784.2c0 24.4 19.8 44.3 44.3 44.3 24.4 0 44.3-19.8 44.3-44.3 0-24.4-44.3-80.3-44.3-80.3S766 759.7 766 784.2z"
                    fill="#97DCFF" p-id="3171"></path>
              <path d="M123.5 471.3c-9.9 0-18-8.1-18-18v-302c0-9.9 8.1-18 18-18h58c9.9 0 18 8.1 18 18v302c0 9.9-8.1 18-18 18h-58z"
                    fill="#FCC66F" p-id="3172"></path>
              <path d="M181.5 151.3v302h-58v-302h58m0-36h-58c-19.9 0-36 16.1-36 36v302c0 19.9 16.1 36 36 36h58c19.9 0 36-16.1 36-36v-302c0-19.8-16.1-36-36-36z"
                    fill="#453B56" p-id="3173"></path>
              <path d="M266.4 210.7m-18 0a18 18 0 1 0 36 0 18 18 0 1 0-36 0Z" fill="#453B56" p-id="3174"></path>
              <path d="M430.8 641.1c-9.9 0-18-8.1-18-18v-21.6c0-130.3 106-236.3 236.3-236.3s236.3 106 236.3 236.3v21.6c0 9.9-8.1 18-18 18H430.8z"
                    fill="#FCC66F" p-id="3175"></path>
              <path d="M649 383.2c-5 0-10 0.2-15 0.6 113.5 7.7 203.3 102.2 203.3 217.7v21.6h30v-21.6c0-120.6-97.7-218.3-218.3-218.3z"
                    fill="#FFD79C" p-id="3176"></path>
              <path d="M419.6 694.4c-22.1 0-40.1-18-40.1-40.1s18-40.1 40.1-40.1h458.8c22.1 0 40.1 18 40.1 40.1s-18 40.1-40.1 40.1H419.6z"
                    fill="#F56E73" p-id="3177"></path>
              <path d="M878.4 632.3h-30c12.2 0 22.1 9.9 22.1 22.1s-9.9 22.1-22.1 22.1h30c12.2 0 22.1-9.9 22.1-22.1s-9.9-22.1-22.1-22.1z"
                    fill="#FFA1A8" p-id="3178"></path>
              <path d="M693.3 846.4c0 24.4-19.8 44.3-44.3 44.3-24.4 0-44.3-19.8-44.3-44.3s44.3-80.3 44.3-80.3 44.3 55.9 44.3 80.3z"
                    fill="#97DCFF" p-id="3179"></path>
              <path d="M649 908.7c-34.3 0-62.3-27.9-62.3-62.3 0-28.5 36.9-77.2 48.1-91.4 3.4-4.3 8.6-6.8 14.1-6.8s10.7 2.5 14.1 6.8c11.3 14.2 48.1 62.9 48.1 91.4 0.2 34.3-27.8 62.3-62.1 62.3z m0-112.3c-14.1 20.4-26.3 41.9-26.3 50 0 14.5 11.8 26.3 26.3 26.3s26.3-11.8 26.3-26.3c0-8.1-12.1-29.6-26.3-50z"
                    fill="#453B56" p-id="3180"></path>
              <path d="M903.3 601.9v-0.5c0-134.1-104.4-244.3-236.3-253.6v-30.7c0-68.7-55.9-124.6-124.6-124.6H326.5c-9.9 0-18 8.1-18 18s8.1 18 18 18h215.9c48.8 0 88.6 39.7 88.6 88.6v30.7c-131.8 9.3-236.3 119.4-236.3 253.6v0.5c-19.6 9.3-33.2 29.3-33.2 52.4 0 32 26 58.1 58.1 58.1H459c-14.8 21-33.5 51.5-33.5 71.8 0 34.3 27.9 62.3 62.3 62.3 34.3 0 62.2-27.9 62.2-62.3 0-20.3-18.6-50.7-33.5-71.8h264.9c-14.8 21-33.5 51.5-33.5 71.8 0 34.3 27.9 62.3 62.3 62.3 34.3 0 62.3-27.9 62.3-62.3 0-20.3-18.6-50.7-33.5-71.8h39.4c32 0 58.1-26 58.1-58.1 0-23.1-13.6-43-33.2-52.4zM487.8 810.4c-14.5 0-26.3-11.8-26.3-26.3 0-8.1 12.1-29.6 26.3-50 14.1 20.4 26.2 41.9 26.2 50 0 14.5-11.8 26.3-26.2 26.3z m322.5 0c-14.5 0-26.3-11.8-26.3-26.3 0-8.1 12.1-29.6 26.3-50 14.1 20.4 26.3 41.9 26.3 50-0.1 14.5-11.9 26.3-26.3 26.3zM649 383.2c118.8 0 215.4 94.9 218.1 213.1H430.9c2.8-118.1 99.3-213.1 218.1-213.1z m251.5 271.1c0 12.2-9.9 22.1-22.1 22.1H419.6c-12.2 0-22.1-9.9-22.1-22.1 0-12.2 9.9-22.1 22.1-22.1h458.8c12.2 0.1 22.1 10 22.1 22.1z"
                    fill="#453B56" p-id="3181"></path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="layui-col-xs6 layui-col-md3">
    <div class="layui-card top-panel">
      <div class="layui-card-header">异常次数</div>
      <div class="layui-card-body">
        <div class="layui-row layui-col-space5">
          <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="color: #28333E;" id="value4">
            0
          </div>
          <div class="layui-col-xs4 layui-col-md4 top-panel-tips">
            <svg t="1651029044262" class="icon" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="3437" width="200" height="200">
              <path
                      d="M510.464 530.432m-465.92 0a465.92 465.92 0 1 0 931.84 0 465.92 465.92 0 1 0-931.84 0Z"
                      fill="#FF7070" p-id="3438" data-spm-anchor-id="a313x.7781069.0.i40"
                      class="selected"></path>
              <path
                      d="M836.608 662.528l-276.992-455.68c-13.312-20.992-24.576-38.4-49.664-38.4-25.088 0-38.912 20.48-49.664 38.4l-276.992 455.68c-11.776 17.92-19.968 39.424-14.848 58.368 4.608 16.384 22.016 27.648 49.152 27.648h584.704c33.792 0 45.056-15.872 48.128-24.576 7.68-19.456-1.536-41.472-13.824-61.44zM476.16 360.96c0-18.944 15.36-33.792 33.792-33.792 18.944 0 33.792 15.36 33.792 33.792v148.992c0 18.944-15.36 33.792-33.792 33.792s-33.792-15.36-33.792-33.792V360.96z m33.792 296.448c-20.48 0-36.864-16.384-36.864-36.864s16.384-36.864 36.864-36.864 36.864 16.384 36.864 36.864-16.384 36.864-36.864 36.864z"
                      fill="#FFFFFF" p-id="3439"></path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>